<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<title>拍片资源圈</title>
		<meta name="viewport" content="initial-scale=1, maximum-scale=1">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<link rel="stylesheet" href="css/sm.min.css">
		<link rel="stylesheet" href="css/sm-extend.min.css">
		<link rel="stylesheet" href="font/iconfont.css" />
		<link rel="stylesheet" type="text/css" href="css/by_m.css" />
	</head>

	<body class="white-bg">
		<!-- page集合的容器，里面放多个平行的.page，其他.page作为内联页面由路由控制展示 -->
		<div class="page-group">
			<!-- 单个page ,第一个.page默认被展示-->
			<div class="page">
				<!-- 标题栏 -->
				<header class="bar bar-nav">
					<a class="icon iconfont icon-user pull-left open-panel"></a>
					<a class="icon iconfont icon-more pull-right"></a>
					<h1 class="title">点对点拍片资源圈</h1>
				</header>

				<!-- 工具栏 -->
				<nav class="bar bar-tab">
					<a class="tab-item external active" href="#">
						<span class="icon iconfont icon-index"></span>
						<span class="tab-label">首页</span>
					</a>
					<a class="tab-item external" href="demand_list.html">
						<span class="icon iconfont icon-xuqiu"></span>
						<span class="tab-label">发需求</span>
					</a>
					<a class="tab-item external" href="news.html">
						<span class="icon iconfont icon-news"></span>
						<span class="tab-label">资讯</span>
					</a>
					<a class="tab-item external" href="#">
						<span class="icon iconfont icon-kefu"></span>
						<span class="tab-label">客服</span>
					</a>
					<a class="tab-item external" href="#" id="qr-code">
						<span class="icon iconfont icon-code"></span>
						<span class="tab-label">求关注</span>
					</a>
				</nav>

				<!-- 这里是页面内容区 -->
				<div class="content">
					<!--<img src="images/index-banner.jpg" width="100%" />-->
					<!-- Slider -->
					<div class="swiper-container">
						<div class="swiper-wrapper">
							<div class="swiper-slide"><img src="images/index-banner.jpg" alt=""></div>
							<div class="swiper-slide"><img src="images/index-banner.jpg" alt=""></div>
							<div class="swiper-slide"><img src="images/index-banner.jpg" alt=""></div>
						</div>
						<div class="swiper-pagination"></div>
					</div>

					<div class="content-padded">
						<div class="index-links">
							<div class="row">
								<a href="business.html" class="col-25"><img src="images/index-icon1.png">商业机会</a>
								<a href="#" class="col-25"><img src="images/index-icon2.png">剧本交易</a>
								<a href="#" class="col-25"><img src="images/index-icon3.png">影视众筹</a>
								<a href="#" class="col-25"><img src="images/index-icon4.png">关于我们</a>
								<a href="personal.html" class="col-25"><img src="images/index-icon5.png">个人</a>
								<a href="agency.html" class="col-25"><img src="images/index-icon7.png">机构</a>
								<a href="equipments.html" class="col-25"><img src="images/index-icon6.png">器材租赁</a>
								<a href="photo_studio.html" class="col-25"><img src="images/index-icon8.png">摄影棚</a>
								<a href="studio.html" class="col-25"><img src="images/index-icon9.png">录音棚</a>
								<a href="special.html" class="col-25"><img src="images/index-icon11.png">特种拍摄</a>
								<a href="lead.html" class="col-25"><img src="images/index-icon10.png">女主角</a>
								<a href="#" class="col-25"><img src="images/index-icon12.png">男主角</a>
							</div>
						</div>
					</div>
				</div>

			</div>

			<!-- popup, panel 等放在这里 -->
			<div class="panel-overlay"></div>
			<!-- Left Panel with Reveal effect -->
			<div class="panel panel-left panel-reveal">
				<div class="user-center">
					<a href="login.html" class="sidebar-title">
						<div class="avatar">
							<i class="iconfont icon-xingbienan-copy"></i>
							<img src="temp/1.jpg" />
						</div>
						<h1>黄家兴</h1>
						<span>监制</span>
					</a>
					<ul>
						<li><a href="user_info.html"><i class="iconfont icon-person"></i>个人简介</a></li>
						<li><a href="user_type.html"><i class="iconfont icon-persontype"></i>工作类型</a></li>
						<li><a href="user_work.html"><i class="iconfont icon-personwork"></i>我的作品</a></li>
						<li><a href="user_state.html"><i class="iconfont icon-personstate"></i>我的工作</a></li>
						<li><a href="user_cricle.html"><i class="iconfont icon-personcrilcle"></i>我的圈子</a></li>
						<li><a href="user_sign.html"><i class="iconfont icon-personsign"></i>签到<span>2</span></a></li>
						<li><a href="user_notice.html"><i class="iconfont icon-lingdanghover"></i>通知</a></li>
						<li><a href="user_calendar.html"><i class="iconfont icon-personcalendar"></i>日程表</a></li>
						<li><a href="user_collection.html"><i class="iconfont icon-star-fill"></i>收藏</a></li>
						<li><a href="user_exit.html"><i class="iconfont icon-personexit"></i>退出登录</a></li>
					</ul>
				</div>
			</div>

			<div class="qr-code" style="display: none;">
				<img src="images/code.jpg" />
			</div>
		</div>

		<script type='text/javascript' src='js/zepto.min.js' charset='utf-8'></script>
		<script src="js/config.js" type="text/javascript" charset="utf-8"></script>
		<script type='text/javascript' src='js/sm.min.js' charset='utf-8'></script>
		<script type='text/javascript' src='js/sm-extend.min.js' charset='utf-8'></script>
		<script type="text/javascript">
			$(document).ready(function() {
				$.init();
				$("#qr-code").click(function() {
					$(".qr-code").show();
				});
				$(".qr-code").click(function() {
					$(".qr-code").hide();
				});
			});
		</script>
	</body>

</html>